﻿@model TumbaloSoft.Models.Proveedor
@{
    Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";
    ViewBag.Title = "Registrar Proveedor";
}

<script>

    function natural() {

        var formulario = document.getElementById('ContactForm');

        //JURIDICO:
        //l_razon
        //prProveedorJuridico.prRazonSocial        
        var razon = document.getElementById('razon');
        razon.setAttribute("Hidden","Hidden");

        //NATURAL

        //l_fechaN
        //prProveedorNatural.prFechaNacimiento

        var fecha = document.getElementById("fechaN");
        fecha.removeAttribute("Hidden");


        //l_materno
        //prProveedorNatural.prApellidoMaterno

        var mat = document.getElementById("apem");
        mat.removeAttribute("Hidden");

        //l_paterno
        //prProveedorNatural.prApellidoPaterno

        var pat = document.getElementById("apep");
        pat.removeAttribute("Hidden");

        //l_nombre
        //prProveedorNatural.prNombre

        var nom = document.getElementById("nombre");
        nom.removeAttribute("Hidden");

        //l_sexo
        //prProveedorNatural.prSexo

        var sexo = document.getElementById("sexo");
        sexo.removeAttribute("Hidden");

        //l_codigo
        //prProveedorNatural.prCodigoDocumento

        var cod = document.getElementById("codDoc");
        cod.removeAttribute("Hidden");

        //l_tipodoc
        //prProveedorNatural.prTipoDocumento

        var tipod = document.getElementById("tipoDoc");
        tipod.removeAttribute("Hidden");


    }

    function juridica() {

        var formulario = document.getElementById('ContactForm');

        //JURIDICO:
        //l_razon
        //prProveedorJuridico.prRazonSocial        
        var razon = document.getElementById('razon');
        razon.removeAttribute("Hidden");        

        //NATURAL

        //l_fechaN
        //prProveedorNatural.prFechaNacimiento

        var fecha = document.getElementById("fechaN");
        fecha.setAttribute("Hidden", "Hidden");
        

        //l_materno
        //prProveedorNatural.prApellidoMaterno

        var mat = document.getElementById("apem");
        mat.setAttribute("Hidden", "Hidden");

        //l_paterno
        //prProveedorNatural.prApellidoPaterno

        var pat = document.getElementById("apep");
        pat.setAttribute("Hidden", "Hidden");
        
        //l_nombre
        //prProveedorNatural.prNombre

        var nom = document.getElementById("nombre");
        nom.setAttribute("Hidden", "Hidden");        

        //l_sexo
        //prProveedorNatural.prSexo

        var sexo = document.getElementById("sexo");
        sexo.setAttribute("Hidden", "Hidden");

        //l_codigo
        //prProveedorNatural.prCodigoDocumento

        var cod = document.getElementById("codDoc");
        cod.setAttribute("Hidden", "Hidden");        

        //l_tipodoc
        //prProveedorNatural.prTipoDocumento

        var tipod = document.getElementById("tipoDoc");
        tipod.setAttribute("Hidden", "Hidden");
        


    }

</script>


<body id="page5">
<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
                        <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->                        
						<article class="col1">
                            <!--dentro de div pad2 trabajare mi formulario -->
							<div class="pad2">
								<h2 class="pad_bot1 pad_top1">Registrar nuevo Proveedor</h2>
									
                                   <form id="ContactForm" method="post">
                                       @if (ViewBag.tipo=="0")
                                       {
										<div  class="wrapper">
                                            <span><br>Tipo Persona</span>
                                            
                                            
											<br><input type="radio" name="Tipo" value="0" onClick="natural()" checked>Natural
												<input type="radio" name="Tipo" value="1" onClick="juridica()">Juridica<br>
                                        </div>
                                        }
                                            
                                      @if (ViewBag.tipo=="1")
                                           {
                                            <div  class="wrapper">
                                            <span><br>Tipo Persona</span>
                                            <br><input type="radio" name="Tipo" value="0" onClick="natural()" >Natural
												<input type="radio" name="Tipo" value="1" onClick="juridica()"checked>Juridica<br>
                                            </div>			
                                           }
							
										

										<!--RUC-->
										<div  class="wrapper">
											<span><br>Ruc*</span>
											<br>@Html.TextBoxFor(model => model.prRuc, new {maxlength= 11}) 
                                                @Html.ValidationMessageFor(model => model.prRuc,null ,new{style = "float: none"})
										</div>


                                       <!--Direccion-->
										<div  class="wrapper">
											<span><br>Direccion*</span>
											<br>@Html.TextBoxFor(model => model.prDireccion) 
                                                @Html.ValidationMessageFor(model => model.prDireccion,null ,new{style = "float: none"})
										</div>
										
                                       <!--Servicio-->
										<div  class="wrapper">
											<span><br>Servicio Brindado*</span>
											<br>@Html.TextBoxFor(model => model.prDescripcion, new{maxlength=50}) 
                                                @Html.ValidationMessageFor(model => model.prDescripcion,null ,new{style = "float: none"})
										</div>


                                       <!--E-mail-->
										<div  class="wrapper">
											<span><br>E-mail</span>
											<br>@Html.TextBoxFor(model => model.prEmail) 
                                                @Html.ValidationMessageFor(model => model.prEmail,null ,new{style = "float: none"})
										</div>
										

                                       <!--Telefono-->
										<div  class="wrapper">
											<span><br>Telefono</span>
											<br>@Html.TextBoxFor(model => model.prTelefono, new {maxlength= 9}) 
                                                @Html.ValidationMessageFor(model => model.prTelefono,null ,new{style = "float: none"})
										</div>
                                        @if (ViewBag.tipo=="0"){
                                       <!--PARTE NATURAL-->
                                        
                                       <!--TipoDocumento-->
										<div class="wrapper" id="tipoDoc">
                                           <span><br>Tipo Documento:</span>
                                           <br><select id="prProveedorNatural_prTipoDocumento"  name="prProveedorNatural.prTipoDocumento.prIdTipoDocumento">
                                               @foreach (var objTipo in ViewBag.tipodoc)
                                               {
                                                   <option value="@objTipo.prIdTipoDocumento">@objTipo.prDescripcion</option>
                                               }
                                               </select>
                                       </div>

                                       
                                       <!--codigoDocumento-->
										<div  class="wrapper" id="codDoc">
											<span id="l_codigo"><br>Codigo Documento*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prCodigoDocumento,new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prCodigoDocumento", maxlength=8}) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prCodigoDocumento,null ,new{style = "float: none"})
										</div>
                                       
                                       
                                       
                                       <!--Sexo-->

                                       <div  class="wrapper" id="sexo">
                                            <span id="l_sexo"><br>Sexo</span>
											<br><input type="radio" id="prSexo1" name="prProveedorNatural.prSexo" value="M" checked>Masculino
												<input type="radio" id="prSexo2" name="prProveedorNatural.prSexo" value="F">Femenino<br>
							
										</div>

                                       <!--Nombre-->
										<div  class="wrapper" id="nombre">
											<span id="l_nombre"><br>Nombre*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prNombre,new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prNombre"}) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prNombre,null ,new{style = "float: none"})
										</div>


                                       <!--Apeliido Paterno-->
										<div  class="wrapper" id="apep">
											<span id="l_paterno"><br>Apeliido Paterno*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prApellidoPaterno,new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prApellidoPaterno"}) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prApellidoPaterno,null ,new{style = "float: none"})
										</div>

                                       <!--Apellido Materno-->
										<div  class="wrapper" id="apem">
											<span  id="l_materno"><br>Apellido Materno*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prApellidoMaterno,new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prApellidoMaterno"}) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prApellidoMaterno,null ,new{style = "float: none"})
										</div>


                                       <!--Fecha Naciemiento-->
										
										<div class="row" id="fechaN">
                                                <br /><span id="l_fechaN">Fecha de Naciemiento*:</span>
                                                        
                                                            <input class="input" type="date" id="prProveedorNatural.prFechaNacimiento" name="prProveedorNatural.prFechaNacimiento"/> 
                                                            @Html.ValidationMessageFor(model=>model.prProveedorNatural.prFechaNacimiento,null,new{style = "float: none"})                                                                                                           
                                            </div>	

                                       <!--PARTE JURIDICA-->

                                       <!--Razón Social-->
										<div  class="wrapper" id="razon" hidden>
											<span id="l_razon"><br>Razon Social*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorJuridico.prRazonSocial,new { style = "max-width:25em;max-height:15ex;", id="prProveedorJuridico.prRazonSocial" }) 
                                                @Html.ValidationMessageFor(model => model.prProveedorJuridico.prRazonSocial,null ,new{style = "float: none"})
										</div>
										}
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                        @if (ViewBag.tipo=="1"){
                                       <!--PARTE NATURAL-->
                                        
                                       <!--TipoDocumento-->
										<div class="wrapper" id="tipoDoc" hidden>
                                           <span id="l_tipodoc"><br>Tipo Documento:</span>
                                           <br><select id="prProveedorNatural_prTipoDocumento"  name="prProveedorNatural.prTipoDocumento">
                                               @foreach (var objTipo in ViewBag.tipodoc)
                                               {
                                                   <option value="@objTipo.prDescripcion">@objTipo.prDescripcion</option>
                                               }
                                               </select>
                                       </div>

                                       
                                       <!--codigoDocumento-->
										<div  class="wrapper" id="codDoc" hidden>
											<span id="l_codigo"><br>Codigo Documento*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prCodigoDocumento, new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prCodigoDocumento",maxlength= 8 }) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prCodigoDocumento,null ,new{style = "float: none"})
										</div>
                                       
                                       
                                       
                                       <!--Sexo-->

                                       <div  class="wrapper" id="sexo" hidden>
                                            <span id="l_sexo"><br>Sexo</span>
											<br><input type="radio" id="prSexo1" name="prProveedorNatural.prSexo" value="M" checked>Masculino
												<input type="radio" id="prSexo2" name="prProveedorNatural.prSexo" value="F">Femenino<br>
							
										</div>

                                       <!--Nombre-->
										<div  class="wrapper" id="nombre" hidden>
											<span id="l_nombre" ><br>Nombre*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prNombre, new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prNombre" }) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prNombre,null ,new{style = "float: none"})
										</div>


                                       <!--Apeliido Paterno-->
										<div  class="wrapper" id="apep" hidden>
											<span id="l_paterno"><br>Apeliido Paterno*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prApellidoPaterno, new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prApellidoPaterno" }) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prApellidoPaterno,null ,new{style = "float: none"})
										</div>

                                       <!--Apellido Materno-->
										<div  class="wrapper" id="apem" hidden>
											<span  id="l_materno"><br>Apellido Materno*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorNatural.prApellidoMaterno,new { style = "max-width:25em;max-height:15ex;", id="prProveedorNatural.prApellidoMaterno" }) 
                                                @Html.ValidationMessageFor(model => model.prProveedorNatural.prApellidoMaterno,null ,new{style = "float: none"})
										</div>


                                       <!--Fecha Naciemiento-->
										
										<div class="row" id="fechaN" hidden>
                                                <br /><span id="l_fechaN">Fecha de Naciemiento*:</span>
                                                        
                                                            <input class="input" type="date" id="prProveedorNatural.prFechaNacimiento" name="prProveedorNatural.prFechaNacimiento"/> 
                                                            @Html.ValidationMessageFor(model=>model.prProveedorNatural.prFechaNacimiento,null,new{style = "float: none"})              
                                                        
                                            </div>	

                                       <!--PARTE JURIDICA-->

                                       <!--Razón Social-->
										<div  class="wrapper" id="razon">
											<span id="l_razon"><br>Razon Social*</span>
											<br>@Html.TextBoxFor(model => model.prProveedorJuridico.prRazonSocial,new { style = "max-width:25em;max-height:15ex;",id="prProveedorJuridico.prRazonSocial"}) 
                                                @Html.ValidationMessageFor(model => model.prProveedorJuridico.prRazonSocial,null ,new{style = "float: none"})
										</div>
										}        
                                                
                                                
                                                
                                                
                                                
                                                
										                               
										<span>&nbsp;</span>
                                       	<a href="#" class="button" onClick="document.getElementById('ContactForm').submit()">Registrar</a>
										<a href="#" class="button" onClick="document.getElementById('ContactForm').reset()">Limpiar</a>
										<a href="javascript:history.back()" class="button" onClick="document.getElementById('ContactForm').cancel()">Cancelar</a>
								
								</form>
                                </div>
								 
							
						</article>
                        </div>
				
				</section>
			</div>
            </div>
		
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

</body>